<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$SiteName}</title>
<style>
body, ul, li, form, field, div, p, h1, h2, h3, h4, h5, h6, a {position:relative;width:auto;height:auto; font-family: "Microsoft YaHei", "Verdana", "Arial", "Helvetica", "sans-serif"; margin:0px; padding:0px; font-size:12px;border:0px;clear:none;}
body {text-align:left;width:100%;height:100%;overflow:hidden;}
a, a:link, a:visited, a:hover, a:active{cursor:pointer;text-decoration:none; color:#000;}
ul, ol, li{ list-style:none;}
img{ border:0px;}
p, li{ line-height:1.8em;}
.clear{clear:both;}

#header{width:980px;color:#999;overflow:hidden;margin:0px auto;}
#header-logo{float:left;height:62px;}
#header-right{float:right;height:62px;line-height:62px;}

#menu{width:980px;height:44px;margin:0px auto;margin-bottom:5px;}
#menu ul{background:url(/res/themes/Blue/mainmenubg.jpg);height:44px;padding:0px 20px;}
#menu li{display:inline-block;height:44px;line-height:44px;font-size:16px;color:#fff;text-align:center;padding: 0 0 0 2px;}
.lil{background:url(/res/themes/Blue/menul.gif) left center no-repeat;width:118px;}
.lifirst{width:98px;}
#menu li a{display:inline-block;color:#fff;width:100%;height:44px;font:14px/40px 'Microsoft YaHei',SimSun,Arial,Sans-Serif;}

#bannerblock{width:980px;height:auto;margin:0px auto;margin-bottom:5px;}



#location{background:url(/res/themes/Blue/location.gif);width:700px;height:23px;padding:10px 0 0 10px;margin:0px auto;font-family: "宋体", "Microsoft YaHei", "Verdana", "Arial", "Helvetica", "sans-serif";}

#main{width:994px;margin:0 auto;}
#left{display:block;float:left;width:270px;height:auto;}

.productcategoryitem{background:url(/res/themes/Blue/li.gif) 5px 4px no-repeat;list-style:none;width:220px;overflow:hidden;height:31px;line-height:31px;padding-left:20px;}

.leftblock{width:100%;height:40px;}
.blocktitle{float:left;background:url(/res/themes/Blue/bx1_t.png);width:220px;height:40px;color:#fff;}
.blocktitle span{display:inline-block;margin:12px 0 0 40px;height:28px;line-height:28px;font-weight:bold;}
.blocktitleright{float:right;background:url(/res/themes/Blue/bx1_t.png) right no-repeat;width:50px;height:40px;}
.blockmain{float:left;background:url(/res/themes/Blue/bx1_c.png) repeat-y;width:256px;height:auto;padding-left:14px;}
.blockcontent{background:url(/res/themes/Blue/bx1_c.png) right repeat-y;width:246px;padding:5px 10px 0 0;}
.blockbottom{float:left;background:url(/res/themes/Blue/bx1_b.png);width:270px;height:10px;}
.blockbottomr{float:right;background:url(/res/themes/Blue/bx1_b.png) right;width:20px;height:10px;}
#right{float:right;width:720px;}


#bottombar{background:url(/res/themes/Blue/bottom.gif);width:980px;height:33px;line-height:33px;margin:0px auto;margin-bottom:5px;text-align:center;color:#fff;}
#bottombar a{color:#fff;}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
if (window.jQuery) {
	document.write('<script type="text/javascript" src="/res/js/global.js"><\/script>');
} else {
	document.write('<script type="text/javascript" src="/res/js/global-jquery.js"><\/script>');
}
</script>
<script type="text/javascript">
<!--{if empty($page)}-->
var page = 'homepage';
<!--{else}-->
var page = '{$page}';
<!--{/if}-->
jQuery(function(){
	$('#'+page+' a').css({"background":"url(/res/themes/Blue/menuhot.jpg) center no-repeat", "color":"#ccc"});
});
</script>
</head>

<body>
<div id="header">
    <div id="header-logo"><img src="/res/themes/Blue/logo.png" alt="{$SiteName}" />
    </div>
    <div id="header-right">
    test&nbsp;&nbsp;&nbsp;
    </div>
</div>
<div class="clear"></div>

<div id="menu">
	<ul>
    	<li class="lifirst" id="homepage"><a href="http://{$_SERVER['SERVER_NAME']}/">{$HomepageText}</a></li>
    	<li class="lil" id="productview"><a href="http://{$_SERVER['SERVER_NAME']}/productList.php">{$ProductViewText}</a></li>
    	<li class="lil" id="newslist"><a href="http://{$_SERVER['SERVER_NAME']}/newsList.php">{$NewsListText}</a></li>
    	<li class="lil" id="guestbook"><a href="http://{$_SERVER['SERVER_NAME']}/guestbook.php">{$GuestbookText}</a></li>
    	<li class="lil" id="aboutus"><a href="http://{$_SERVER['SERVER_NAME']}/aboutUs.php">{$AboutUsText}</a></li>
    	<li class="lil" id="contactus"><a href="http://{$_SERVER['SERVER_NAME']}/contactUs.php">{$ContactUsText}</a></li>
    </ul>
</div>

<div id="bannerblock">
	<img src="/res/themes/Blue/banner.jpg" alt="" />
</div>
